$(function () {
  // 渲染内容
  var titleid=0;
  function render() {
    $.ajax({
      url:baseUrl+'/api/getbaicaijiaproduct',
      data:{
        titleid :titleid || 0
      },
      dataType:'json',
      success:function (info) {
        $('.nav-content ul').html(template('tmp-con',info));
        var html=template('tmp-con',info);
      }
    })
  }
  render();
  // 标题渲染
  $.ajax({
    url:baseUrl+'/api/getbaicaijiatitle',
    dataType:'json',
    success:function (info) {
      $('.nav-tab ul').html(template('tmp-tab',info));
    }
  })

  // 点击标题显示记录标题号渲染响应内容
  $('.nav-tab ul').on('click','a',function () {
    $(this).addClass('current').parent().siblings().find('a').removeClass('current');
    titleid=$(this).data('id');
    render();
  })

  // 点击置顶按钮，返回页面顶部
  $('.top').click(function () {
    $('html,body').animate({ scrollTop: 0 }, 500);
  })

   
  // 头部导航栏滚动

   $(".nav-tab ul").on('click','li',function () {
      
      var moveX = $(this).position().left + $(this).parent().scrollLeft();
      var pageX = document.documentElement.clientWidth;//设备的宽度
      var blockWidth = $(this).width();
      //                  console.log(moveX);
      //                  console.log(pageX);
      //                  console.log(blockWidth);
      var left = moveX - (pageX / 2) + (blockWidth / 2);
      //                  console.log(left);
      $(".nav-tab ul").animate({ scrollLeft: left }, 400);
      var index = $(this).index();
      // console.log(index);
      // $('div').eq(index).show().siblings("div").hide();
    })
})